﻿<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <link rel="stylesheet" href="css/main.css"/>
    <title>JS灯光反射效果DEMO演示</title>
  </head>

  <body>

<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div class="container">

     <div class="demo"></div>
    </div>

    <script type="text/javascript" src="js/realshadow.js"></script>
    <script type="text/javascript">
    (function(){

        var a = ['rect', 'circle', 'round', 'ur', 'll'],
                c = ['', 'r', 'g', 'b', 'rgb', 'rg', 'gb', 'br'],
                columns = rows = 6,
                s = '', i, j;

        for (i = 0; i < columns; ++i){
            s += '<p>';
            for (j = 0; j < rows; ++j)
                s += '<span rel="' +
                        c[(i * columns + j) % c.length] +
                        '" class="realshadow block ' +
                        a[(i * columns + j) % a.length] +
                        ' c' +
                        c[(i * columns + j) % c.length] +
                        '"></span>';
            s += '</p>';
        }

        document.getElementsByClassName('demo')[0].innerHTML =
            '<div class="wrapper">' + s + '</div>' +
            '<div class="inset block big">Inset shadows are supported as well<div/>';

        realshadow(document.getElementsByClassName('realshadow'));
        realshadow(document.getElementsByClassName('inset'), {inset: true});

    })();
    </script>

  </body>
</html>
